<template>
  <!-- 订单信息 -->
  <div class="order">
    <h3>广告服务支付订单</h3>
    <p>
      <span>日期：{{orderData.createTime}}</span>
      <span>订单编号：{{orderData.outTradeNo}}</span>
      <span>金额单位: (元)</span>
    </p>
    <table>
      <tr>
        <td>收款账户名称</td>
        <td colspan="4">{{orderData.bankAccountName}}</td>
      </tr>
      <tr>
        <td>收款账户</td>
        <td style="width:380px">{{orderData.bankAccount}}</td>
        <td style="width:130px">收款账户开户行</td>
        <td colspan="2">{{orderData.bankBankName}}</td>
      </tr>
      <tr>
        <td>付款方</td>
        <td colspan="4">{{orderData.userTel}}</td>
      </tr>
      <tr>
        <td>付款商品编号</td>
        <td>付款项目名称</td>
        <td>单价</td>
        <td>数量</td>
        <td>总金额</td>
      </tr>
      <tr>
        <td>{{orderData.id}}</td>
        <td>{{orderData.packagesName}}</td>
        <td>{{orderData.totalAmount/orderData.buyNum}}</td>
        <td>{{orderData.buyNum}}</td>
        <td>{{orderData.totalAmount}}</td>
      </tr>

      <tr>
        <td>合计</td>
        <td colspan="3">{{orderData.totalAmountToch}}</td>

        <td style="color:red;">￥{{orderData.totalAmount}}</td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="4"></td>
      </tr>
    </table>
    <el-button type="primary" @click="goshop">支付</el-button>
    <el-button @click="$router.back()">返回</el-button>
  </div>
</template>
<script>
export default {
  props: ["orderData", "pageShow"],
  methods: {
    goshop() {
      // console.log(this.pageShow);
      this.$emit("show", false);
    },
  },
};
</script>
<style scoped>
.order {
  height: 100%;
  width: 1190px;
  border: 1px solid #999;
  text-align: center;
}
.order h3 {
  margin-top: 20px;
}
.order p {
  width: 1100px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #999;
  margin: 0 auto;
  padding: 10px 0;
}
table {
  padding: 0;
  text-align: center;
  margin: 0 auto;
  border-collapse: collapse;
  margin-top: 20px;
  width: 1100px;
  height: 300px;
  border: 1px solid;
  font-size: 14px;
}

td {
  border: 1px solid #555;
}
tr > td:nth-of-type(1) {
  width: 120px;
}
.el-button {
  width: 100px;
  margin: 40px 20px;
}
</style>